<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Tic Tac Toe</title>
        <link rel="stylesheet" type="text/css" href="Resources/css/site.css"/>
        <script type="text/javascript" src="Resources/scripts/func.js"></script>
    </head>
    <body>     
        <div id="central">
            <div class="quadradinho" id="quadrado11" onclick="cliqueCampo('campo11');" >
                <img id="campo11"/>
            </div>
            <div class="quadradinho" id="quadrado12" onclick="cliqueCampo('campo12');">
                <img id="campo12"/>
            </div>
            <div class="quadradinho" id="quadrado13" onclick="cliqueCampo('campo13');">
                <img id="campo13" />
            </div>
            <div class="quadradinho" id="quadrado21" onclick="cliqueCampo('campo21');">
                <img id="campo21" />
            </div>
            <div class="quadradinho" id="quadrado22" onclick="cliqueCampo('campo22');">
                <img id="campo22" />
            </div>
            <div class="quadradinho" id="quadrado23" onclick="cliqueCampo('campo23');">
                <img id="campo23" />
            </div>
            <div class="quadradinho" id="quadrado31" onclick="cliqueCampo('campo31');">
                <img id="campo31" />
            </div >
            <div class="quadradinho" id="quadrado32" onclick="cliqueCampo('campo32');">
                <img id="campo32" />
            </div>
            <div class="quadradinho" id="quadrado33" onclick="cliqueCampo('campo33');">
                <img id="campo33" />
            </div>
        </div>
        <div class="vezJogada">
            <h3>Vez de jogar:</h3>
            <img class="img" src="Resources/img/o.png" id="campoVezJogada"/>
        </div>
    </body>
</html>
